<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../home.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administración de SubProductos
            </h3>
        </div>
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="row">
                        <h:panelGroup rendered="#{sesionControlador.permiso.crear eq true}" >
                            <div class="col-sm-2">
                                <h:button value="Nuevo SubProducto" styleClass="btn btn-primary" outcome="create.xhtml" />
                            </div>
                            <div class="col-sm-2">
                                <p:commandButton value="Importar" styleClass="btn btn-primary" oncomplete="PF('dlgExcel').show();" rendered="true"/>
                            </div>
                        </h:panelGroup> 
                    </div>
                    <br/>
                    <h:form id="frmUsuarios" >
                        <f:event type="preRenderView" listener="#{subtipo.initLista}" />
                        <p:dataTable  value="#{subtipo.subtipos}" var="list" emptyMessage="No existen registros de SubProductos" 
                                      paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                                      paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >
                            <f:facet name="header">
                                <h:commandLink styleClass="btnExportarExcel" actionListener="#{subtipo.exportar}">
                                    <h:graphicImage value="/resources/images/xls.gif" />
                                </h:commandLink>
                            </f:facet>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    #
                                </f:facet>
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Producto
                                </f:facet>
                                <h:outputText value="#{list.producto.nombre}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Marca
                                </f:facet>
                                <h:outputText value="#{list.marca.nombre}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Tipo
                                </f:facet>
                                <h:outputText value="#{list.descripcion}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Precio
                                </f:facet>
                                <h:outputText value="#{list.precio}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <h:panelGroup rendered="#{sesionControlador.permiso.actualizar eq true}">
                                    <p:commandButton icon="icon-update" action="#{subtipo.irActualizar(list.id)}" />
                                </h:panelGroup>                                
                            </p:column>
                        </p:dataTable> 
                    </h:form>
                </div>
            </div>
        </div>

        <!-- DIALOG IMPORTAR EXCEL -->

        <p:dialog  modal="true" width="600" resizable="false" id="dlgExcel" header="Importar Datos Excel" widgetVar="dlgExcel" position="center top">
            <h:form id="frmExcel" enctype="multipart/form-data">
                <p:fileUpload value="#{subtipo.file}" mode="simple" allowTypes="/(\.|\/)(xls|xlsx)$/"/><br/>
                <p:commandButton value="Aceptar" ajax="false" actionListener="#{subtipo.upload}"/>
            </h:form>
        </p:dialog>
    </ui:define>

</ui:composition>
